<template>
    <div id="exhibition-center-detail">
        <exhibition-header></exhibition-header>
        <exhibition-banner @child-change-banner="parentChangeNav"></exhibition-banner>
        <div :is="contentComponentName"></div>
        <foot></foot>
    </div>
</template>


<script>
import ExhibitionHeader from '@/components/exhibitionHeader';
import ExhibitionBanner from '@/components/exhibitionBanner';
import foot from "@/components/footer/footer.vue";
import ExhibitionInformation from  './modules/ExhibitionInformation';
import ExhibitionContact from './modules/ExhibitionContact'
import ExhibitionPlan from './modules/ExhibitionPlan';
export default {
    name: "ExhibitionCenterDetail",
    components: {
        foot,
        ExhibitionHeader,
        ExhibitionBanner,
        ExhibitionInformation,
        ExhibitionContact,
        ExhibitionPlan
    },
    data(){
        return{
            contentComponentName:'', //当前组件名
            contentArr:['ExhibitionInformation','','ExhibitionPlan','ExhibitionContact'], //组件名
            exhibitionInfo:{ 
                phone:'123-456789109',
                fax:'123-45678909',
                address:'四川省峨眉山市胜利镇宝马街8号',
                zipCode:'510500',
                eMail:'123456789@163.com',
                webUrl:'http://www.123456.com',
                trafficWay:['临港开发区会展中心位于四川省峨眉山市市区东面，境内地理位置优越，交通便捷。','观众可乘坐,2,3,46，路公交直达会展中心。','距离火车站步行5分钟路程。','距离成绵乐高铁站 驱车10分钟车程。','距离成都双流国际机场半小时车程。','距离乐尚大佛景区10公里，驱车10分钟车程。']
            },
            
        }
    },
    created(){
        this.contentComponentName = this.contentArr[this.$route.query.defaultNav];
    },
    methods:{
        parentChangeNav(childNavNum){
            this.contentComponentName = this.contentArr[childNavNum];
        }
    }
};
</script>
<style lang="scss" scoped>
#exhibition-center-detail {
    
}
</style>
